<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>购物车示例</title>
    <style>
        body {
            font-family: Arial, sans-serif;
        }

        .cart-container {
            position: relative;
            display: inline-block;
            padding: 10px;
            background-color: #f8f8f8;
            border: 1px solid #ddd;
            border-radius: 5px;
            cursor: pointer;
        }

        .cart-icon {
            width: 24px; /* 设置图像宽度 */
            height: 24px; /* 设置图像高度 */
        }

        .cart-count {
            position: absolute;
            top: -10px;
            right: -10px;
            background-color: red;
            color: white;
            border-radius: 50%;
            padding: 5px 10px;
            font-size: 14px;
        }
    </style>
</head>
<body>
    <div class="cart-container">
        <img src="./购物车图标.jpg" alt="购物车图标" class="cart-icon">
        <span class="cart-count">12</span>
        我的购物车
    </div>
</body>
</html>